#page-10 {
  display: none;
  position: absolute;
  @include square(100%);
  background-image: url("../image/page-10-bg.jpg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  transform-origin: center center;
  -webkit-transform-origin: center center;
  z-index: 10;
  top: 0;
  left: 0;
  overflow: hidden;

  > .inner {
    @include square(10em);
    @include center-block;
    position: relative;

    > .tong {
      @include size(px2em(625px), px2em(522px));
      background-image: url("../image/page-2-tong.png");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      position: relative;
      top: px2em(269px);
      left: px2em(318px);
    }

    .zs-1 {
      position: absolute;
      background-image: url("../image/page-10-zs-1.png");
      background-size: 100% 100%;
      @include size(px2em(380px), px2em(111px));
      top: px2em(157px);
      left: px2em(6px);
      -webkit-animation-delay: 1s;
      animation-delay: 1s;
    }

    .zs-2 {
      position: absolute;
      background-image: url("../image/page-10-zs-2.png");
      background-size: 100% 100%;
      @include size(px2em(561px), px2em(188px));
      top: px2em(278px);
      left: px2em(-123px);
      -webkit-animation-delay: 1s;
      animation-delay: 1s;
    }

    .zs-3 {
      position: absolute;
      background-image: url("../image/page-10-zs-3.png");
      background-size: 100% 100%;
      @include size(px2em(503px), px2em(111px));
      top: px2em(433px);
      left: px2em(-48px);
      -webkit-animation-delay: 1s;
      animation-delay: 1s;
    }

    .zs-4 {
      position: absolute;
      background-image: url("../image/page-10-zs-4.png");
      background-size: 100% 100%;
      @include size(px2em(469px), px2em(69px));
      top: px2em(588px);
      left: px2em(-39px);
      -webkit-animation-delay: 1s;
      animation-delay: 1s;
    }

    .zs-5 {
      position: absolute;
      background-image: url("../image/page-10-zs-5.png");
      background-size: 100% 100%;
      @include size(px2em(651px), px2em(64px));
      top: px2em(705px);
      left: px2em(-200px);
      -webkit-animation-delay: 1s;
      animation-delay: 1s;
    }

    .zs-6 {
      position: absolute;
      background-image: url("../image/page-10-zs-6.png");
      background-size: 100% 100%;
      @include size(px2em(239px), px2em(175px));
      top: px2em(692px);
      left: px2em(308px);
      -webkit-animation-delay: 1s;
      animation-delay: 1s;
    }

    .zs-7 {
      position: absolute;
      background-image: url("../image/page-10-zs-7.png");
      background-size: 100% 100%;
      @include size(px2em(619px), px2em(213px));
      top: px2em(400px);
      left: px2em(532px);
      -webkit-animation-delay: 1s;
      animation-delay: 1s;
    }

    .zs-8 {
      position: absolute;
      background-image: url("../image/page-10-zs-8.png");
      background-size: 100% 100%;
      @include size(px2em(485px), px2em(290px));
      top: px2em(252px);
      left: px2em(682px);
      -webkit-animation-delay: 1s;
      animation-delay: 1s;
    }

    .zs-9 {
      position: absolute;
      background-image: url("../image/page-10-zs-9.png");
      background-size: 100% 100%;
      @include size(px2em(471px), px2em(368px));
      top: px2em(129px);
      left: px2em(619px);
      -webkit-animation-delay: 1s;
      animation-delay: 1s;
    }

    .b1 {
      position: absolute;
      @include square(px2em(135px));
      top: px2em(423.5px);
      left: px2em(388.5px);
    }

    .b2 {
      position: absolute;
      @include square(px2em(190px));
      top: px2em(458px);
      left: px2em(406px);
    }

    .b3 {
      position: absolute;
      @include square(px2em(124px));
      top: px2em(548px);
      left: px2em(416px);
    }

    .b4 {
      position: absolute;
      @include square(px2em(114px));
      top: px2em(631px);
      left: px2em(402px);
    }

    .b5 {
      position: absolute;
      @include square(px2em(84px));
      top: px2em(645px);
      left: px2em(496px);
    }

    .b6 {
      position: absolute;
      @include square(px2em(82px));
      top: px2em(513px);
      left: px2em(630px);
    }

    .next {
      position: absolute;
      background-image: url("../image/page-10-zs-10.png");
      background-size: 100% 100%;
      @include size(px2em(108px), px2em(58px));
      left: 5em - (px2em(108px)/2);
      bottom: px2em(60px);
    }
  }
}